<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4353070" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">电压监测</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">能耗 _能耗统计-27</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">电流监测</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">能源统计</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe92c;</span>
                <div class="name">传感器_可燃气体</div>
                <div class="code-name">&amp;#xe92c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">粉尘</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1f;</span>
                <div class="name">叶面湿度</div>
                <div class="code-name">&amp;#xeb1f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb25;</span>
                <div class="name">大气压力</div>
                <div class="code-name">&amp;#xeb25;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">温度</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">suffix-voc</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">延期</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">在制订单</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">饼图统计</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">chartcolumn</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">预警-预警</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">立体圆柱柱图灰色</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea89;</span>
                <div class="name">出入 (4)</div>
                <div class="code-name">&amp;#xea89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">setlist</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">入库</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">入库管理</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">登记处</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">操作-信息登记</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">操作-物品登记</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">操作-发件登记</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">操作-三违登记</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">班组领料</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe943;</span>
                <div class="name">订单_排程总览</div>
                <div class="code-name">&amp;#xe943;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea90;</span>
                <div class="name">100-robotic-arm-4</div>
                <div class="code-name">&amp;#xea90;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea92;</span>
                <div class="name">091-cogwheels</div>
                <div class="code-name">&amp;#xea92;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">统计分析,统计报表,研判,演示</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">入库</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">生产领料</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">生产领料与退料</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">相关性矩阵图</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">车间</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">领料</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">生产任务排程</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">车间仓基础数据</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">生产设置</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">icon-36</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">质检验收</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">Marketing task</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">文字质</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">zyjs</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">付款申请</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">新申请</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">主材申请</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">维修申请</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">出差申请</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">还款申请</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">借款申请</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">项目</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">申请通过</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">用车申请</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">申请报销</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">停机管理</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">record_line</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">密钥申请</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">MenuBottomScreen5-1</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">项目2</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">计算器</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">费用报销单</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">其他差旅费</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">菜单设置</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">invoice-manage</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">文件-借款申请</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">行政管理平台</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">计算器</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">资产管理</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">基础信息管理</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">固定资产</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">客户信息管理</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">收费项目</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">记账凭证-02</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">供应商信息</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">能源管理</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">icon_chuangweiguanli</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">nav-promotion</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">财务处理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">靶点</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">print</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">前页</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">后页</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">复核</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">收款</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">发票</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">错情登记</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">crm_crm</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">已付款</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">满意度</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">产品</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">数据看板</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea68;</span>
                <div class="name">24gl-fullScreenEnter</div>
                <div class="code-name">&amp;#xea68;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">字体大小</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">font-size</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">维修记录</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">保养质检单</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">点检</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">维修</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">设备点检</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">设备点检</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">维修</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">知识库</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">频点检查</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">点检基础</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">设备点检</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">保养任务</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">点检任务</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">项目保养-线</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">31台站设备</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">无线设备</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">设备数据</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">设备报警</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">新出库</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">入库</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">检验</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe907;</span>
                <div class="name">901巡检、检验</div>
                <div class="code-name">&amp;#xe907;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">标准</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">成品最终检测记录表</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">生产工序查询</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">质量</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">退出登录</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">字体大小</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">全屏显示</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">退出全屏</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebd3;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xebd3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">refresh</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">采购管理</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">销售管理</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">仓库管理</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">菜单-生产管理</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">销售出库</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">销售订单</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">采集设备信息查询</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">29-客户信息</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">库房管理</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">采购清单</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">供应商</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">采购订单</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">收益车间</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">台账</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">收货管理</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">生产计划</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">工序</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">版本管理</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">查询</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeaef;</span>
                <div class="name">字体大小</div>
                <div class="code-name">&amp;#xeaef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb10;</span>
                <div class="name">取消全屏</div>
                <div class="code-name">&amp;#xeb10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb11;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xeb11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">人员</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">组织架构</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">物料管理</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">字段库</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1716864855004') format('woff2'),
       url('iconfont.woff?t=1716864855004') format('woff'),
       url('iconfont.ttf?t=1716864855004') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-dianyajiance"></span>
            <div class="name">
              电压监测
            </div>
            <div class="code-name">.icon-dianyajiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-nenghao_nenghaotongji-27"></span>
            <div class="name">
              能耗 _能耗统计-27
            </div>
            <div class="code-name">.icon-a-nenghao_nenghaotongji-27
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianliujiance"></span>
            <div class="name">
              电流监测
            </div>
            <div class="code-name">.icon-dianliujiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nengyuantongji"></span>
            <div class="name">
              能源统计
            </div>
            <div class="code-name">.icon-nengyuantongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-keranqiti"></span>
            <div class="name">
              传感器_可燃气体
            </div>
            <div class="code-name">.icon-keranqiti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenchen"></span>
            <div class="name">
              粉尘
            </div>
            <div class="code-name">.icon-fenchen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yemianshidu"></span>
            <div class="name">
              叶面湿度
            </div>
            <div class="code-name">.icon-yemianshidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daqiyali"></span>
            <div class="name">
              大气压力
            </div>
            <div class="code-name">.icon-daqiyali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendu"></span>
            <div class="name">
              温度
            </div>
            <div class="code-name">.icon-wendu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suffix-voc"></span>
            <div class="name">
              suffix-voc
            </div>
            <div class="code-name">.icon-suffix-voc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanqi"></span>
            <div class="name">
              延期
            </div>
            <div class="code-name">.icon-yanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.icon-wancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaizhidingdan"></span>
            <div class="name">
              在制订单
            </div>
            <div class="code-name">.icon-zaizhidingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bingtutongji"></span>
            <div class="name">
              饼图统计
            </div>
            <div class="code-name">.icon-bingtutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chartcolumn"></span>
            <div class="name">
              chartcolumn
            </div>
            <div class="code-name">.icon-chartcolumn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yujing-yujing"></span>
            <div class="name">
              预警-预警
            </div>
            <div class="code-name">.icon-yujing-yujing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-litiyuanzhuzhutuhuise"></span>
            <div class="name">
              立体圆柱柱图灰色
            </div>
            <div class="code-name">.icon-litiyuanzhuzhutuhuise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-churu4"></span>
            <div class="name">
              出入 (4)
            </div>
            <div class="code-name">.icon-a-churu4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setlist"></span>
            <div class="name">
              setlist
            </div>
            <div class="code-name">.icon-setlist
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruku1"></span>
            <div class="name">
              入库
            </div>
            <div class="code-name">.icon-ruku1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rukuguanli"></span>
            <div class="name">
              入库管理
            </div>
            <div class="code-name">.icon-rukuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenghuangxiangmutubiao_dengjichu"></span>
            <div class="name">
              登记处
            </div>
            <div class="code-name">.icon-fenghuangxiangmutubiao_dengjichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cz-xxdj"></span>
            <div class="name">
              操作-信息登记
            </div>
            <div class="code-name">.icon-cz-xxdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cz-wpdj"></span>
            <div class="name">
              操作-物品登记
            </div>
            <div class="code-name">.icon-cz-wpdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cz-fjdj"></span>
            <div class="name">
              操作-发件登记
            </div>
            <div class="code-name">.icon-cz-fjdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cz-swdj"></span>
            <div class="name">
              操作-三违登记
            </div>
            <div class="code-name">.icon-cz-swdj
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingliao"></span>
            <div class="name">
              班组领料
            </div>
            <div class="code-name">.icon-lingliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdan_paichengzonglan"></span>
            <div class="name">
              订单_排程总览
            </div>
            <div class="code-name">.icon-dingdan_paichengzonglan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-100-robotic-arm-4"></span>
            <div class="name">
              100-robotic-arm-4
            </div>
            <div class="code-name">.icon-100-robotic-arm-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-091-cogwheels"></span>
            <div class="name">
              091-cogwheels
            </div>
            <div class="code-name">.icon-091-cogwheels
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-statistics"></span>
            <div class="name">
              统计分析,统计报表,研判,演示
            </div>
            <div class="code-name">.icon-statistics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruku2"></span>
            <div class="name">
              入库
            </div>
            <div class="code-name">.icon-ruku2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanlingliao"></span>
            <div class="name">
              生产领料
            </div>
            <div class="code-name">.icon-shengchanlingliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanlingliaoyutuiliao"></span>
            <div class="name">
              生产领料与退料
            </div>
            <div class="code-name">.icon-shengchanlingliaoyutuiliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangguanxingjuzhentu"></span>
            <div class="name">
              相关性矩阵图
            </div>
            <div class="code-name">.icon-xiangguanxingjuzhentu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanxian"></span>
            <div class="name">
              车间
            </div>
            <div class="code-name">.icon-chanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingliao1"></span>
            <div class="name">
              领料
            </div>
            <div class="code-name">.icon-lingliao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-Productiontaskschedule"></span>
            <div class="name">
              生产任务排程
            </div>
            <div class="code-name">.icon-a-Productiontaskschedule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-Workshopwarehousebasicdata"></span>
            <div class="name">
              车间仓基础数据
            </div>
            <div class="code-name">.icon-a-Workshopwarehousebasicdata
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanshezhi"></span>
            <div class="name">
              生产设置
            </div>
            <div class="code-name">.icon-shengchanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-"></span>
            <div class="name">
              icon-36
            </div>
            <div class="code-name">.icon-icon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhijianyanshou"></span>
            <div class="name">
              质检验收
            </div>
            <div class="code-name">.icon-zhijianyanshou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Marketingtask"></span>
            <div class="name">
              Marketing task
            </div>
            <div class="code-name">.icon-Marketingtask
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenzizhi"></span>
            <div class="name">
              文字质
            </div>
            <div class="code-name">.icon-wenzizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zyjs"></span>
            <div class="name">
              zyjs
            </div>
            <div class="code-name">.icon-zyjs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-payment"></span>
            <div class="name">
              付款申请
            </div>
            <div class="code-name">.icon-icon-payment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinshenqing"></span>
            <div class="name">
              新申请
            </div>
            <div class="code-name">.icon-xinshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhucaishenqing"></span>
            <div class="name">
              主材申请
            </div>
            <div class="code-name">.icon-zhucaishenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixiushenqing"></span>
            <div class="name">
              维修申请
            </div>
            <div class="code-name">.icon-weixiushenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuchashenqing"></span>
            <div class="name">
              出差申请
            </div>
            <div class="code-name">.icon-chuchashenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huankuanshenqing"></span>
            <div class="name">
              还款申请
            </div>
            <div class="code-name">.icon-huankuanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiekuanshenqing"></span>
            <div class="name">
              借款申请
            </div>
            <div class="code-name">.icon-jiekuanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmu"></span>
            <div class="name">
              项目
            </div>
            <div class="code-name">.icon-xiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqingtongguo"></span>
            <div class="name">
              申请通过
            </div>
            <div class="code-name">.icon-shenqingtongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yongcheshenqing"></span>
            <div class="name">
              用车申请
            </div>
            <div class="code-name">.icon-yongcheshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenqingbaoxiao"></span>
            <div class="name">
              申请报销
            </div>
            <div class="code-name">.icon-shenqingbaoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tingjiguanli"></span>
            <div class="name">
              停机管理
            </div>
            <div class="code-name">.icon-tingjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-record_line"></span>
            <div class="name">
              record_line
            </div>
            <div class="code-name">.icon-record_line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-miyueshenqing"></span>
            <div class="name">
              密钥申请
            </div>
            <div class="code-name">.icon-miyueshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-MenuBottomScreen5-1"></span>
            <div class="name">
              MenuBottomScreen5-1
            </div>
            <div class="code-name">.icon-MenuBottomScreen5-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmu2"></span>
            <div class="name">
              项目2
            </div>
            <div class="code-name">.icon-xiangmu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuanqi1"></span>
            <div class="name">
              计算器
            </div>
            <div class="code-name">.icon-jisuanqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiyongbaoxiaodan"></span>
            <div class="name">
              费用报销单
            </div>
            <div class="code-name">.icon-feiyongbaoxiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitachalvfei"></span>
            <div class="name">
              其他差旅费
            </div>
            <div class="code-name">.icon-qitachalvfei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidanshezhi"></span>
            <div class="name">
              菜单设置
            </div>
            <div class="code-name">.icon-caidanshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-invoice-manage"></span>
            <div class="name">
              invoice-manage
            </div>
            <div class="code-name">.icon-invoice-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wj-jksq"></span>
            <div class="name">
              文件-借款申请
            </div>
            <div class="code-name">.icon-wj-jksq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hangzhengguanli"></span>
            <div class="name">
              行政管理平台
            </div>
            <div class="code-name">.icon-hangzhengguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jisuanqi"></span>
            <div class="name">
              计算器
            </div>
            <div class="code-name">.icon-jisuanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zichanguanli"></span>
            <div class="name">
              资产管理
            </div>
            <div class="code-name">.icon-zichanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichuxinxiguanli"></span>
            <div class="name">
              基础信息管理
            </div>
            <div class="code-name">.icon-jichuxinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gudingzichan"></span>
            <div class="name">
              固定资产
            </div>
            <div class="code-name">.icon-gudingzichan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuxinxiguanli"></span>
            <div class="name">
              客户信息管理
            </div>
            <div class="code-name">.icon-kehuxinxiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoufeixiangmu"></span>
            <div class="name">
              收费项目
            </div>
            <div class="code-name">.icon-shoufeixiangmu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jizhangpingzheng-02"></span>
            <div class="name">
              记账凭证-02
            </div>
            <div class="code-name">.icon-jizhangpingzheng-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyingshangxinxi"></span>
            <div class="name">
              供应商信息
            </div>
            <div class="code-name">.icon-gongyingshangxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nengyuanguanli"></span>
            <div class="name">
              能源管理
            </div>
            <div class="code-name">.icon-nengyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chuangweiguanli"></span>
            <div class="name">
              icon_chuangweiguanli
            </div>
            <div class="code-name">.icon-icon_chuangweiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-nav-promotion"></span>
            <div class="name">
              nav-promotion
            </div>
            <div class="code-name">.icon-nav-promotion
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caiwuchuli"></span>
            <div class="name">
              财务处理
            </div>
            <div class="code-name">.icon-caiwuchuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-badian"></span>
            <div class="name">
              靶点
            </div>
            <div class="code-name">.icon-badian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayin"></span>
            <div class="name">
              print
            </div>
            <div class="code-name">.icon-dayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaozhao"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaozhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzeng"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.icon-xinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qianye"></span>
            <div class="name">
              前页
            </div>
            <div class="code-name">.icon-qianye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-houye"></span>
            <div class="name">
              后页
            </div>
            <div class="code-name">.icon-houye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuhe"></span>
            <div class="name">
              复核
            </div>
            <div class="code-name">.icon-fuhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoukuan"></span>
            <div class="name">
              收款
            </div>
            <div class="code-name">.icon-shoukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fapiao"></span>
            <div class="name">
              发票
            </div>
            <div class="code-name">.icon-fapiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cuoqingdengji"></span>
            <div class="name">
              错情登记
            </div>
            <div class="code-name">.icon-cuoqingdengji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-crm_crm"></span>
            <div class="name">
              crm_crm
            </div>
            <div class="code-name">.icon-crm_crm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yifukuan"></span>
            <div class="name">
              已付款
            </div>
            <div class="code-name">.icon-yifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-manyidu"></span>
            <div class="name">
              满意度
            </div>
            <div class="code-name">.icon-manyidu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpin"></span>
            <div class="name">
              产品
            </div>
            <div class="code-name">.icon-chanpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukanban"></span>
            <div class="name">
              数据看板
            </div>
            <div class="code-name">.icon-shujukanban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-fullScreenEnter"></span>
            <div class="name">
              24gl-fullScreenEnter
            </div>
            <div class="code-name">.icon-24gl-fullScreenEnter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zitidaxiao-"></span>
            <div class="name">
              字体大小
            </div>
            <div class="code-name">.icon-zitidaxiao-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fontsize"></span>
            <div class="name">
              font-size
            </div>
            <div class="code-name">.icon-fontsize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin1"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixiujilu"></span>
            <div class="name">
              维修记录
            </div>
            <div class="code-name">.icon-weixiujilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoyangzhijiandan_huaban"></span>
            <div class="name">
              保养质检单
            </div>
            <div class="code-name">.icon-baoyangzhijiandan_huaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianzu13"></span>
            <div class="name">
              点检
            </div>
            <div class="code-name">.icon-bianzu13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixiu"></span>
            <div class="name">
              维修
            </div>
            <div class="code-name">.icon-weixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeidianjian"></span>
            <div class="name">
              设备点检
            </div>
            <div class="code-name">.icon-shebeidianjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiaozhizuomoban-133"></span>
            <div class="name">
              设备点检
            </div>
            <div class="code-name">.icon-tubiaozhizuomoban-133
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-42gongyegongcheng_weixiu"></span>
            <div class="name">
              维修
            </div>
            <div class="code-name">.icon-42gongyegongcheng_weixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_zhishiku"></span>
            <div class="name">
              知识库
            </div>
            <div class="code-name">.icon-icon_zhishiku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pindianjiancha"></span>
            <div class="name">
              频点检查
            </div>
            <div class="code-name">.icon-pindianjiancha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianjianjichu"></span>
            <div class="name">
              点检基础
            </div>
            <div class="code-name">.icon-dianjianjichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeidianjian1"></span>
            <div class="name">
              设备点检
            </div>
            <div class="code-name">.icon-shebeidianjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoyangrenwu"></span>
            <div class="name">
              保养任务
            </div>
            <div class="code-name">.icon-baoyangrenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianjianrenwu"></span>
            <div class="name">
              点检任务
            </div>
            <div class="code-name">.icon-dianjianrenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmubaoyang-xian"></span>
            <div class="name">
              项目保养-线
            </div>
            <div class="code-name">.icon-xiangmubaoyang-xian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taizhanshebei"></span>
            <div class="name">
              31台站设备
            </div>
            <div class="code-name">.icon-taizhanshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli1"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuxianshebei"></span>
            <div class="name">
              无线设备
            </div>
            <div class="code-name">.icon-wuxianshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeishuju"></span>
            <div class="name">
              设备数据
            </div>
            <div class="code-name">.icon-shebeishuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeibaojing"></span>
            <div class="name">
              设备报警
            </div>
            <div class="code-name">.icon-shebeibaojing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinchuku"></span>
            <div class="name">
              新出库
            </div>
            <div class="code-name">.icon-xinchuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ruku"></span>
            <div class="name">
              入库
            </div>
            <div class="code-name">.icon-ruku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-inspect"></span>
            <div class="name">
              检验
            </div>
            <div class="code-name">.icon-icon-inspect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunjianjianyan"></span>
            <div class="name">
              901巡检、检验
            </div>
            <div class="code-name">.icon-xunjianjianyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-standard"></span>
            <div class="name">
              标准
            </div>
            <div class="code-name">.icon-icon-standard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengpinzuizhongjiancejilubiao"></span>
            <div class="name">
              成品最终检测记录表
            </div>
            <div class="code-name">.icon-chengpinzuizhongjiancejilubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchangongxuchaxun"></span>
            <div class="name">
              生产工序查询
            </div>
            <div class="code-name">.icon-shengchangongxuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliang"></span>
            <div class="name">
              质量
            </div>
            <div class="code-name">.icon-zhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichudenglu"></span>
            <div class="name">
              退出登录
            </div>
            <div class="code-name">.icon-tuichudenglu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-test"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zitidaxiao"></span>
            <div class="name">
              字体大小
            </div>
            <div class="code-name">.icon-zitidaxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanpingxianshi"></span>
            <div class="name">
              全屏显示
            </div>
            <div class="code-name">.icon-quanpingxianshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichuquanping"></span>
            <div class="name">
              退出全屏
            </div>
            <div class="code-name">.icon-tuichuquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqiankuozhan_sousuo-354"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-biaoqiankuozhan_sousuo-354
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-refresh"></span>
            <div class="name">
              refresh
            </div>
            <div class="code-name">.icon-refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigouguanli"></span>
            <div class="name">
              采购管理
            </div>
            <div class="code-name">.icon-caigouguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshouguanli"></span>
            <div class="name">
              销售管理
            </div>
            <div class="code-name">.icon-xiaoshouguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangkuguanli"></span>
            <div class="name">
              仓库管理
            </div>
            <div class="code-name">.icon-cangkuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanguanli"></span>
            <div class="name">
              菜单-生产管理
            </div>
            <div class="code-name">.icon-shengchanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshouchuku"></span>
            <div class="name">
              销售出库
            </div>
            <div class="code-name">.icon-xiaoshouchuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshoudingdan"></span>
            <div class="name">
              销售订单
            </div>
            <div class="code-name">.icon-xiaoshoudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caijishebeixinxichaxun"></span>
            <div class="name">
              采集设备信息查询
            </div>
            <div class="code-name">.icon-caijishebeixinxichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon--kehuxinxi"></span>
            <div class="name">
              29-客户信息
            </div>
            <div class="code-name">.icon--kehuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kufangguanli"></span>
            <div class="name">
              库房管理
            </div>
            <div class="code-name">.icon-kufangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-office-supplies-shopping-list"></span>
            <div class="name">
              采购清单
            </div>
            <div class="code-name">.icon-office-supplies-shopping-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongyingshang"></span>
            <div class="name">
              供应商
            </div>
            <div class="code-name">.icon-gongyingshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigoudingdan"></span>
            <div class="name">
              采购订单
            </div>
            <div class="code-name">.icon-caigoudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyichejian"></span>
            <div class="name">
              收益车间
            </div>
            <div class="code-name">.icon-shouyichejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taizhang"></span>
            <div class="name">
              台账
            </div>
            <div class="code-name">.icon-taizhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouhuoguanli"></span>
            <div class="name">
              收货管理
            </div>
            <div class="code-name">.icon-shouhuoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-programofproduction"></span>
            <div class="name">
              生产计划
            </div>
            <div class="code-name">.icon-a-programofproduction
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongxu"></span>
            <div class="name">
              工序
            </div>
            <div class="code-name">.icon-gongxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banbenguanli"></span>
            <div class="name">
              版本管理
            </div>
            <div class="code-name">.icon-banbenguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxun"></span>
            <div class="name">
              查询
            </div>
            <div class="code-name">.icon-chaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-font-size"></span>
            <div class="name">
              字体大小
            </div>
            <div class="code-name">.icon-font-size
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaoquanping"></span>
            <div class="name">
              取消全屏
            </div>
            <div class="code-name">.icon-quxiaoquanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuan"></span>
            <div class="name">
              人员
            </div>
            <div class="code-name">.icon-renyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuzhijiagou"></span>
            <div class="name">
              组织架构
            </div>
            <div class="code-name">.icon-zuzhijiagou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.icon-xitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuliaoguanli"></span>
            <div class="name">
              物料管理
            </div>
            <div class="code-name">.icon-wuliaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziduanku"></span>
            <div class="name">
              字段库
            </div>
            <div class="code-name">.icon-ziduanku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianyajiance"></use>
                </svg>
                <div class="name">电压监测</div>
                <div class="code-name">#icon-dianyajiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-nenghao_nenghaotongji-27"></use>
                </svg>
                <div class="name">能耗 _能耗统计-27</div>
                <div class="code-name">#icon-a-nenghao_nenghaotongji-27</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianliujiance"></use>
                </svg>
                <div class="name">电流监测</div>
                <div class="code-name">#icon-dianliujiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nengyuantongji"></use>
                </svg>
                <div class="name">能源统计</div>
                <div class="code-name">#icon-nengyuantongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-keranqiti"></use>
                </svg>
                <div class="name">传感器_可燃气体</div>
                <div class="code-name">#icon-keranqiti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenchen"></use>
                </svg>
                <div class="name">粉尘</div>
                <div class="code-name">#icon-fenchen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yemianshidu"></use>
                </svg>
                <div class="name">叶面湿度</div>
                <div class="code-name">#icon-yemianshidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daqiyali"></use>
                </svg>
                <div class="name">大气压力</div>
                <div class="code-name">#icon-daqiyali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendu"></use>
                </svg>
                <div class="name">温度</div>
                <div class="code-name">#icon-wendu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suffix-voc"></use>
                </svg>
                <div class="name">suffix-voc</div>
                <div class="code-name">#icon-suffix-voc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanqi"></use>
                </svg>
                <div class="name">延期</div>
                <div class="code-name">#icon-yanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#icon-wancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaizhidingdan"></use>
                </svg>
                <div class="name">在制订单</div>
                <div class="code-name">#icon-zaizhidingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bingtutongji"></use>
                </svg>
                <div class="name">饼图统计</div>
                <div class="code-name">#icon-bingtutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chartcolumn"></use>
                </svg>
                <div class="name">chartcolumn</div>
                <div class="code-name">#icon-chartcolumn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yujing-yujing"></use>
                </svg>
                <div class="name">预警-预警</div>
                <div class="code-name">#icon-yujing-yujing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-litiyuanzhuzhutuhuise"></use>
                </svg>
                <div class="name">立体圆柱柱图灰色</div>
                <div class="code-name">#icon-litiyuanzhuzhutuhuise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-churu4"></use>
                </svg>
                <div class="name">出入 (4)</div>
                <div class="code-name">#icon-a-churu4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setlist"></use>
                </svg>
                <div class="name">setlist</div>
                <div class="code-name">#icon-setlist</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruku1"></use>
                </svg>
                <div class="name">入库</div>
                <div class="code-name">#icon-ruku1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rukuguanli"></use>
                </svg>
                <div class="name">入库管理</div>
                <div class="code-name">#icon-rukuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenghuangxiangmutubiao_dengjichu"></use>
                </svg>
                <div class="name">登记处</div>
                <div class="code-name">#icon-fenghuangxiangmutubiao_dengjichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cz-xxdj"></use>
                </svg>
                <div class="name">操作-信息登记</div>
                <div class="code-name">#icon-cz-xxdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cz-wpdj"></use>
                </svg>
                <div class="name">操作-物品登记</div>
                <div class="code-name">#icon-cz-wpdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cz-fjdj"></use>
                </svg>
                <div class="name">操作-发件登记</div>
                <div class="code-name">#icon-cz-fjdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cz-swdj"></use>
                </svg>
                <div class="name">操作-三违登记</div>
                <div class="code-name">#icon-cz-swdj</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingliao"></use>
                </svg>
                <div class="name">班组领料</div>
                <div class="code-name">#icon-lingliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdan_paichengzonglan"></use>
                </svg>
                <div class="name">订单_排程总览</div>
                <div class="code-name">#icon-dingdan_paichengzonglan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-100-robotic-arm-4"></use>
                </svg>
                <div class="name">100-robotic-arm-4</div>
                <div class="code-name">#icon-100-robotic-arm-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-091-cogwheels"></use>
                </svg>
                <div class="name">091-cogwheels</div>
                <div class="code-name">#icon-091-cogwheels</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-statistics"></use>
                </svg>
                <div class="name">统计分析,统计报表,研判,演示</div>
                <div class="code-name">#icon-statistics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruku2"></use>
                </svg>
                <div class="name">入库</div>
                <div class="code-name">#icon-ruku2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanlingliao"></use>
                </svg>
                <div class="name">生产领料</div>
                <div class="code-name">#icon-shengchanlingliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanlingliaoyutuiliao"></use>
                </svg>
                <div class="name">生产领料与退料</div>
                <div class="code-name">#icon-shengchanlingliaoyutuiliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangguanxingjuzhentu"></use>
                </svg>
                <div class="name">相关性矩阵图</div>
                <div class="code-name">#icon-xiangguanxingjuzhentu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanxian"></use>
                </svg>
                <div class="name">车间</div>
                <div class="code-name">#icon-chanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingliao1"></use>
                </svg>
                <div class="name">领料</div>
                <div class="code-name">#icon-lingliao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-Productiontaskschedule"></use>
                </svg>
                <div class="name">生产任务排程</div>
                <div class="code-name">#icon-a-Productiontaskschedule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-Workshopwarehousebasicdata"></use>
                </svg>
                <div class="name">车间仓基础数据</div>
                <div class="code-name">#icon-a-Workshopwarehousebasicdata</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanshezhi"></use>
                </svg>
                <div class="name">生产设置</div>
                <div class="code-name">#icon-shengchanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-"></use>
                </svg>
                <div class="name">icon-36</div>
                <div class="code-name">#icon-icon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhijianyanshou"></use>
                </svg>
                <div class="name">质检验收</div>
                <div class="code-name">#icon-zhijianyanshou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Marketingtask"></use>
                </svg>
                <div class="name">Marketing task</div>
                <div class="code-name">#icon-Marketingtask</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenzizhi"></use>
                </svg>
                <div class="name">文字质</div>
                <div class="code-name">#icon-wenzizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zyjs"></use>
                </svg>
                <div class="name">zyjs</div>
                <div class="code-name">#icon-zyjs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-payment"></use>
                </svg>
                <div class="name">付款申请</div>
                <div class="code-name">#icon-icon-payment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinshenqing"></use>
                </svg>
                <div class="name">新申请</div>
                <div class="code-name">#icon-xinshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhucaishenqing"></use>
                </svg>
                <div class="name">主材申请</div>
                <div class="code-name">#icon-zhucaishenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiushenqing"></use>
                </svg>
                <div class="name">维修申请</div>
                <div class="code-name">#icon-weixiushenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuchashenqing"></use>
                </svg>
                <div class="name">出差申请</div>
                <div class="code-name">#icon-chuchashenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huankuanshenqing"></use>
                </svg>
                <div class="name">还款申请</div>
                <div class="code-name">#icon-huankuanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiekuanshenqing"></use>
                </svg>
                <div class="name">借款申请</div>
                <div class="code-name">#icon-jiekuanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu"></use>
                </svg>
                <div class="name">项目</div>
                <div class="code-name">#icon-xiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqingtongguo"></use>
                </svg>
                <div class="name">申请通过</div>
                <div class="code-name">#icon-shenqingtongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yongcheshenqing"></use>
                </svg>
                <div class="name">用车申请</div>
                <div class="code-name">#icon-yongcheshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenqingbaoxiao"></use>
                </svg>
                <div class="name">申请报销</div>
                <div class="code-name">#icon-shenqingbaoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tingjiguanli"></use>
                </svg>
                <div class="name">停机管理</div>
                <div class="code-name">#icon-tingjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-record_line"></use>
                </svg>
                <div class="name">record_line</div>
                <div class="code-name">#icon-record_line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miyueshenqing"></use>
                </svg>
                <div class="name">密钥申请</div>
                <div class="code-name">#icon-miyueshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-MenuBottomScreen5-1"></use>
                </svg>
                <div class="name">MenuBottomScreen5-1</div>
                <div class="code-name">#icon-MenuBottomScreen5-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmu2"></use>
                </svg>
                <div class="name">项目2</div>
                <div class="code-name">#icon-xiangmu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuanqi1"></use>
                </svg>
                <div class="name">计算器</div>
                <div class="code-name">#icon-jisuanqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiyongbaoxiaodan"></use>
                </svg>
                <div class="name">费用报销单</div>
                <div class="code-name">#icon-feiyongbaoxiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitachalvfei"></use>
                </svg>
                <div class="name">其他差旅费</div>
                <div class="code-name">#icon-qitachalvfei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidanshezhi"></use>
                </svg>
                <div class="name">菜单设置</div>
                <div class="code-name">#icon-caidanshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-invoice-manage"></use>
                </svg>
                <div class="name">invoice-manage</div>
                <div class="code-name">#icon-invoice-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wj-jksq"></use>
                </svg>
                <div class="name">文件-借款申请</div>
                <div class="code-name">#icon-wj-jksq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hangzhengguanli"></use>
                </svg>
                <div class="name">行政管理平台</div>
                <div class="code-name">#icon-hangzhengguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jisuanqi"></use>
                </svg>
                <div class="name">计算器</div>
                <div class="code-name">#icon-jisuanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zichanguanli"></use>
                </svg>
                <div class="name">资产管理</div>
                <div class="code-name">#icon-zichanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichuxinxiguanli"></use>
                </svg>
                <div class="name">基础信息管理</div>
                <div class="code-name">#icon-jichuxinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gudingzichan"></use>
                </svg>
                <div class="name">固定资产</div>
                <div class="code-name">#icon-gudingzichan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuxinxiguanli"></use>
                </svg>
                <div class="name">客户信息管理</div>
                <div class="code-name">#icon-kehuxinxiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoufeixiangmu"></use>
                </svg>
                <div class="name">收费项目</div>
                <div class="code-name">#icon-shoufeixiangmu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jizhangpingzheng-02"></use>
                </svg>
                <div class="name">记账凭证-02</div>
                <div class="code-name">#icon-jizhangpingzheng-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyingshangxinxi"></use>
                </svg>
                <div class="name">供应商信息</div>
                <div class="code-name">#icon-gongyingshangxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nengyuanguanli"></use>
                </svg>
                <div class="name">能源管理</div>
                <div class="code-name">#icon-nengyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chuangweiguanli"></use>
                </svg>
                <div class="name">icon_chuangweiguanli</div>
                <div class="code-name">#icon-icon_chuangweiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-nav-promotion"></use>
                </svg>
                <div class="name">nav-promotion</div>
                <div class="code-name">#icon-nav-promotion</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caiwuchuli"></use>
                </svg>
                <div class="name">财务处理</div>
                <div class="code-name">#icon-caiwuchuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-badian"></use>
                </svg>
                <div class="name">靶点</div>
                <div class="code-name">#icon-badian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayin"></use>
                </svg>
                <div class="name">print</div>
                <div class="code-name">#icon-dayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaozhao"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaozhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzeng"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#icon-xinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qianye"></use>
                </svg>
                <div class="name">前页</div>
                <div class="code-name">#icon-qianye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-houye"></use>
                </svg>
                <div class="name">后页</div>
                <div class="code-name">#icon-houye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuhe"></use>
                </svg>
                <div class="name">复核</div>
                <div class="code-name">#icon-fuhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoukuan"></use>
                </svg>
                <div class="name">收款</div>
                <div class="code-name">#icon-shoukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fapiao"></use>
                </svg>
                <div class="name">发票</div>
                <div class="code-name">#icon-fapiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cuoqingdengji"></use>
                </svg>
                <div class="name">错情登记</div>
                <div class="code-name">#icon-cuoqingdengji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-crm_crm"></use>
                </svg>
                <div class="name">crm_crm</div>
                <div class="code-name">#icon-crm_crm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yifukuan"></use>
                </svg>
                <div class="name">已付款</div>
                <div class="code-name">#icon-yifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-manyidu"></use>
                </svg>
                <div class="name">满意度</div>
                <div class="code-name">#icon-manyidu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpin"></use>
                </svg>
                <div class="name">产品</div>
                <div class="code-name">#icon-chanpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukanban"></use>
                </svg>
                <div class="name">数据看板</div>
                <div class="code-name">#icon-shujukanban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-fullScreenEnter"></use>
                </svg>
                <div class="name">24gl-fullScreenEnter</div>
                <div class="code-name">#icon-24gl-fullScreenEnter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitidaxiao-"></use>
                </svg>
                <div class="name">字体大小</div>
                <div class="code-name">#icon-zitidaxiao-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fontsize"></use>
                </svg>
                <div class="name">font-size</div>
                <div class="code-name">#icon-fontsize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin1"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiujilu"></use>
                </svg>
                <div class="name">维修记录</div>
                <div class="code-name">#icon-weixiujilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoyangzhijiandan_huaban"></use>
                </svg>
                <div class="name">保养质检单</div>
                <div class="code-name">#icon-baoyangzhijiandan_huaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianzu13"></use>
                </svg>
                <div class="name">点检</div>
                <div class="code-name">#icon-bianzu13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixiu"></use>
                </svg>
                <div class="name">维修</div>
                <div class="code-name">#icon-weixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeidianjian"></use>
                </svg>
                <div class="name">设备点检</div>
                <div class="code-name">#icon-shebeidianjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiaozhizuomoban-133"></use>
                </svg>
                <div class="name">设备点检</div>
                <div class="code-name">#icon-tubiaozhizuomoban-133</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-42gongyegongcheng_weixiu"></use>
                </svg>
                <div class="name">维修</div>
                <div class="code-name">#icon-42gongyegongcheng_weixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_zhishiku"></use>
                </svg>
                <div class="name">知识库</div>
                <div class="code-name">#icon-icon_zhishiku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pindianjiancha"></use>
                </svg>
                <div class="name">频点检查</div>
                <div class="code-name">#icon-pindianjiancha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianjianjichu"></use>
                </svg>
                <div class="name">点检基础</div>
                <div class="code-name">#icon-dianjianjichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeidianjian1"></use>
                </svg>
                <div class="name">设备点检</div>
                <div class="code-name">#icon-shebeidianjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoyangrenwu"></use>
                </svg>
                <div class="name">保养任务</div>
                <div class="code-name">#icon-baoyangrenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianjianrenwu"></use>
                </svg>
                <div class="name">点检任务</div>
                <div class="code-name">#icon-dianjianrenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmubaoyang-xian"></use>
                </svg>
                <div class="name">项目保养-线</div>
                <div class="code-name">#icon-xiangmubaoyang-xian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taizhanshebei"></use>
                </svg>
                <div class="name">31台站设备</div>
                <div class="code-name">#icon-taizhanshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli1"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuxianshebei"></use>
                </svg>
                <div class="name">无线设备</div>
                <div class="code-name">#icon-wuxianshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeishuju"></use>
                </svg>
                <div class="name">设备数据</div>
                <div class="code-name">#icon-shebeishuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeibaojing"></use>
                </svg>
                <div class="name">设备报警</div>
                <div class="code-name">#icon-shebeibaojing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinchuku"></use>
                </svg>
                <div class="name">新出库</div>
                <div class="code-name">#icon-xinchuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ruku"></use>
                </svg>
                <div class="name">入库</div>
                <div class="code-name">#icon-ruku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-inspect"></use>
                </svg>
                <div class="name">检验</div>
                <div class="code-name">#icon-icon-inspect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunjianjianyan"></use>
                </svg>
                <div class="name">901巡检、检验</div>
                <div class="code-name">#icon-xunjianjianyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-standard"></use>
                </svg>
                <div class="name">标准</div>
                <div class="code-name">#icon-icon-standard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengpinzuizhongjiancejilubiao"></use>
                </svg>
                <div class="name">成品最终检测记录表</div>
                <div class="code-name">#icon-chengpinzuizhongjiancejilubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchangongxuchaxun"></use>
                </svg>
                <div class="name">生产工序查询</div>
                <div class="code-name">#icon-shengchangongxuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliang"></use>
                </svg>
                <div class="name">质量</div>
                <div class="code-name">#icon-zhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichudenglu"></use>
                </svg>
                <div class="name">退出登录</div>
                <div class="code-name">#icon-tuichudenglu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zitidaxiao"></use>
                </svg>
                <div class="name">字体大小</div>
                <div class="code-name">#icon-zitidaxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanpingxianshi"></use>
                </svg>
                <div class="name">全屏显示</div>
                <div class="code-name">#icon-quanpingxianshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichuquanping"></use>
                </svg>
                <div class="name">退出全屏</div>
                <div class="code-name">#icon-tuichuquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqiankuozhan_sousuo-354"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-biaoqiankuozhan_sousuo-354</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-refresh"></use>
                </svg>
                <div class="name">refresh</div>
                <div class="code-name">#icon-refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigouguanli"></use>
                </svg>
                <div class="name">采购管理</div>
                <div class="code-name">#icon-caigouguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshouguanli"></use>
                </svg>
                <div class="name">销售管理</div>
                <div class="code-name">#icon-xiaoshouguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangkuguanli"></use>
                </svg>
                <div class="name">仓库管理</div>
                <div class="code-name">#icon-cangkuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanguanli"></use>
                </svg>
                <div class="name">菜单-生产管理</div>
                <div class="code-name">#icon-shengchanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshouchuku"></use>
                </svg>
                <div class="name">销售出库</div>
                <div class="code-name">#icon-xiaoshouchuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshoudingdan"></use>
                </svg>
                <div class="name">销售订单</div>
                <div class="code-name">#icon-xiaoshoudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caijishebeixinxichaxun"></use>
                </svg>
                <div class="name">采集设备信息查询</div>
                <div class="code-name">#icon-caijishebeixinxichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon--kehuxinxi"></use>
                </svg>
                <div class="name">29-客户信息</div>
                <div class="code-name">#icon--kehuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kufangguanli"></use>
                </svg>
                <div class="name">库房管理</div>
                <div class="code-name">#icon-kufangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-office-supplies-shopping-list"></use>
                </svg>
                <div class="name">采购清单</div>
                <div class="code-name">#icon-office-supplies-shopping-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongyingshang"></use>
                </svg>
                <div class="name">供应商</div>
                <div class="code-name">#icon-gongyingshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigoudingdan"></use>
                </svg>
                <div class="name">采购订单</div>
                <div class="code-name">#icon-caigoudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyichejian"></use>
                </svg>
                <div class="name">收益车间</div>
                <div class="code-name">#icon-shouyichejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taizhang"></use>
                </svg>
                <div class="name">台账</div>
                <div class="code-name">#icon-taizhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouhuoguanli"></use>
                </svg>
                <div class="name">收货管理</div>
                <div class="code-name">#icon-shouhuoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-programofproduction"></use>
                </svg>
                <div class="name">生产计划</div>
                <div class="code-name">#icon-a-programofproduction</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongxu"></use>
                </svg>
                <div class="name">工序</div>
                <div class="code-name">#icon-gongxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banbenguanli"></use>
                </svg>
                <div class="name">版本管理</div>
                <div class="code-name">#icon-banbenguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxun"></use>
                </svg>
                <div class="name">查询</div>
                <div class="code-name">#icon-chaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-font-size"></use>
                </svg>
                <div class="name">字体大小</div>
                <div class="code-name">#icon-font-size</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaoquanping"></use>
                </svg>
                <div class="name">取消全屏</div>
                <div class="code-name">#icon-quxiaoquanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuan"></use>
                </svg>
                <div class="name">人员</div>
                <div class="code-name">#icon-renyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuzhijiagou"></use>
                </svg>
                <div class="name">组织架构</div>
                <div class="code-name">#icon-zuzhijiagou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#icon-xitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuliaoguanli"></use>
                </svg>
                <div class="name">物料管理</div>
                <div class="code-name">#icon-wuliaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziduanku"></use>
                </svg>
                <div class="name">字段库</div>
                <div class="code-name">#icon-ziduanku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
